<html>
<head>
    <title>ReadyMap WebGL</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

    <script type="text/javascript" src="../js/jquery/jquery-1.4.2.js"></script>
    <script type="text/javascript" src="../js/jquery/jquery-ui-1.8.2.custom.min.js"></script>
    <script type="text/javascript" src="../build/readymap-debug-0.0.1.js"></script>

    <link href="demo.css" rel="Stylesheet" type="text/css"></link>
    <link href="../css/ui-lightness/jquery.ui.all.css" rel="stylesheet" type="text/css"></link>
    <link href="../css/readymap.css" rel="Stylesheet" type="text/css"></link>
</head>
<body>
    <div id="header">
        <a href="http://pelicanmapping.com" border="0">
            <img id="logo" align="right" height="50" src="http://pelicanmapping.com/wp-content/uploads/2011/02/pelican-logo-262x93-light.png" /></a>
        <p>
            ReadyMap / WebGL :: <a href="index.html">demos</a> :: <a href="http://godzi.org">wiki</a>
            :: <a href="http://github.com/gwaldron/godzi-webgl">github</a> :: <a href="http://twitter.com/#!/pelicanmapping">
                twitter</a>
        </p>
    </div>
    <div id="Help">
        <ul>
            <li>drag to pan</li>
            <li>wheel to zoom</li>
            <li>shift-drag to rotate</li>
            <li><a href="#" onclick="mapView.home();">reset view</a></li>
        </ul>
        <p>Elevation scale:</p>
        <div id="ElevationSlider">
        </div>
    </div>
    <div id="Coords">
    </div>
</body>
</html>
